<!DOCTYPE html>
<html lang="zh-CN">

<head>

    <title>中南大学-校团委 升华网</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="360-site-verification" content="afff5fddf129bfe1591eb886b8edf845" />
    <meta name="description" content="中南大学升华网位于湖南省长沙市岳麓区中南大学新校区毓秀楼四楼，隶属于共青团中南大学委员会，即校团委网络信息部，是全国高校首家网上团校。">

    <!-- Icon -->
    <link rel="shortcut icon" href="./assets/icons/1.png">
    <!-- Bootstrap 5 响应式前端框架 -->
    <link href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
    <!-- Fontawesome 图标 -->
    <link rel="stylesheet" href="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/4.7.0/css/font-awesome.min.css">
    <!-- Custom CSS @SteamFinder -->
    <link href="./static/css/index-style.css" rel="stylesheet">
    <!-- Custom CSS @thetheOrange -->
    <link href="./static/css/index-style-2.css" rel="stylesheet">
    <!-- Custon CSS @grtsinry43 -->
    <link rel="stylesheet" href="./static/css/global.css">
    <link rel="stylesheet" href="./static/css/navbar.css">
    <link rel="stylesheet" href="./static/css/carousel.css">
    <link rel="stylesheet" href="./static/css/youth.css">
    <link rel="stylesheet" href="./static/css/work-message.css">

</head>

<body>

    <nav class="navbar navbar-expand-md navbar-dark navbar-container justify-content-center align-items-center"
        style="z-index: 11;">
        <!-- logo -->
        <a class="navbar-brand navbar-logo" href="#">
            <img src="./static/img/logo1.png" alt="" height="30">
            <img src="./static/img/logo2.png" alt="" height="30">
            <img src="./static/img/logo3.png" alt="" height="30">
        </a>

        <!-- 展开按钮 -->
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="collapsibleNavbar">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="">团委概况</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="">工作动态</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="">团内通知</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="">理论学习</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="">学院风采</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="">实践育人平台</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="">中南小团子</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="">信息公开</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="">场地申请</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="">联系我们</a>
                </li>
            </ul>
        </div>

        <!-- 搜索框 -->

        <!-- <div class="navbar-search">
            <img src="./static/img/nav-search.png" alt="" height="20">
            <a href="" class="navbar-download">
                <img src="./static/img/nav-dl.png" alt="" height="25">
            </a>
        </div> -->
        <div class="navbar-search d-flex">
            <input type="text" id="searchInput" placeholder="搜索内容...">
            <img src="./static/img/nav-search.png" alt="" height="22">
            <a href="" class="navbar-download">
                <img src="./static/img/nav-dl.png" alt="" height="25">
            </a>
        </div>

    </nav>

    <div id="carouselExampleIndicators" class="carousel slide z-1" data-bs-ride="carousel">
        <!--上方轮播图的图片背景，设置了z-index:1-->
        <div class="navbar-bg-container" style="z-index: 1;">
            <img src="./static/img/navbar-bg.png" alt="">
        </div>
        <div class="carousel-indicators" style="z-index: 10;">
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"
                aria-current="true" aria-label="Slide 1"></button>
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
                aria-label="Slide 2"></button>
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
                aria-label="Slide 3"></button>
        </div>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="./assets/images/banner/7.png" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="./assets/images/banner/9.png" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="./assets/images/banner/10.png" class="d-block w-100" alt="...">
            </div>
        </div>
        <button class="carousel-control-prev z-2" type="button" data-bs-target="#carouselExampleIndicators"
            data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next z-2" type="button" data-bs-target="#carouselExampleIndicators"
            data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>
    </div>

    <!--工作动态、团内通知-->
    <div class="work-message-container">

        <div class="pt-3"></div>

        <!-- 工作动态 -->

        <div class="container-lg">
            <div class="row">
                <div class="work-container col-md-8">
                    <!-- <div class="row work-title">
                        <h3 class="col fw-bold">工作动态</h3>
                        <span class="work-title-more col-2">>更多</span>
                    </div> -->
                    <div class="work-title-new">
                        <p class="h3 title-style fw-bold">工作动态</p>
                        <div class="text-end">
                            <a href="" target="_blank">
                                <span class="work-title-new-more text-primary fw-bold"> >更多</span>
                            </a>
                        </div>
                    </div>
                    <img src="./assets/icons/9.png" width="100%" alt="">

                    <div class="pt-3"></div>

                    <div class="row work-inner">
                        <div id="carouselIndicators1" class="carousel slide col-md-7" data-bs-ride="carousel"
                            style="z-index: 10;">
                            <div class="carousel-indicators carousel-indicators-translateY">
                                <button type="button" data-bs-target="#carouselIndicators1" data-bs-slide-to="0"
                                    class="active" aria-current="true" aria-label="Slide 1"></button>
                                <button type="button" data-bs-target="#carouselIndicators1" data-bs-slide-to="1"
                                    aria-label="Slide 2"></button>
                                <button type="button" data-bs-target="#carouselIndicators1" data-bs-slide-to="2"
                                    aria-label="Slide 3"></button>
                            </div>
                            <div class="carousel-inner">
                                <div class="carousel-item active">
                                    <img src="./assets/images/2.png" class="d-block w-100" alt="...">
                                </div>
                                <div class="carousel-item">
                                    <img src="./assets/images/2.png" class="d-block w-100" alt="...">
                                </div>
                                <div class="carousel-item">
                                    <img src="./assets/images/2.png" class="d-block w-100" alt="...">
                                </div>
                                <div class="work-info-mask">
                                    <div class="work-info-mask-date">
                                        <span class="fw-bold h4 work-img-date">24</span>2023.12
                                    </div>
                                    <h4 class="fw-bold" id="work-img-title">第十九期“校领导与学生午餐会”举行</h4>
                                </div>
                            </div>
                            <button class="carousel-control-prev" type="button" data-bs-target="#carouselIndicators1"
                                data-bs-slide="prev" id="prev-button">
                                <span class="carousel-control-prev-icon carousel-control-prev-translateY"
                                    aria-hidden="true"></span>
                                <span class="visually-hidden">Previous</span>
                            </button>
                            <button class="carousel-control-next" type="button" data-bs-target="#carouselIndicators1"
                                data-bs-slide="next" id="next-button">
                                <span class="carousel-control-next-icon carousel-control-next-translateY"
                                    aria-hidden="true"></span>
                                <span class="visually-hidden">Next</span>
                            </button>
                        </div>
                        <ul class="work-item col-md-5">
                            <li>
                                <span>[24 01-16]</span>
                                中南大学举办2024年寒假母校回访活动启动仪式暨培训交流会
                            </li>
                            <li>
                                <span>[24 01-16]</span>
                                全国仅4所! 中南大学获2023年共青团服务乡村振兴“笃行计划"评优表彰”大满贯
                            </li>
                            <li>
                                <span>[24 01-16]</span>
                                我校两项目获共青团湖南省委第五届改革创新大赛一等奖
                            </li>
                            <li>
                                <span>[23 12-30]</span>
                                中南大学2024年新年音乐会举行
                            </li>
                            <li>
                                <span>[23 12-27]</span>
                                中南大学2023学年二级团组织负责人培训班赴武汉高校调研学习
                            </li>
                        </ul>
                    </div>
                </div>

                <!-- 团内通知 -->

                <div class="message-container col-md-4">
                    <!-- <div class="row work-title">
                        <h3 class="col fw-bold">团内通知</h3>
                        <span class="work-title-more col-3">>更多</span>
                    </div> -->
                    <div class="work-title-new">
                        <p class="h3 title-style fw-bold">团内通知</p>
                        <div class="text-end">
                            <a href="" target="_blank">
                                <span class="work-title-new-more text-primary fw-bold"> >更多</span>
                            </a>
                        </div>
                    </div>
                    <img src="./assets/icons/10.png" width="100%" alt="">

                    <div class="pt-3"></div>

                    <div class="row work-inner">
                        <ul class="message-item">
                            <ul>
                                <li class="row message-rowReset">
                                    <div class="message-date col-2">
                                        <div class="message-month">09</div>
                                        <div>2024.01</div>
                                    </div>
                                    <div class="message-title col">
                                        关于组织申报2024年全国大学生中医药志愿宣讲团的通知
                                    </div>
                                </li>
                                <li class="row message-rowReset">
                                    <div class="message-date col-2">
                                        <div class="message-month">08</div>
                                        <div>2024.01</div>
                                    </div>
                                    <div class="message-title col">
                                        关于申报首批“中南大学共青团思政研学基地”的通知
                                    </div>
                                </li>
                                <li class="row message-rowReset">
                                    <div class="message-date col-2">
                                        <div class="message-month">04</div>
                                        <div>2024.01</div>
                                    </div>
                                    <div class="message-title col">
                                        关于开展2023年度团员和青年主题教育专题组织生活会、团员教育评议暨团员先进性评价工作的通知
                                    </div>
                                </li>
                                <li class="row message-rowReset">
                                    <div class="message-date col-2">
                                        <div class="message-month">02</div>
                                        <div>2024.01</div>
                                    </div>
                                    <div class="message-title col">
                                        关于开展2023年度团(总)支部“对标定级”工作的通知
                                    </div>
                                </li>
                            </ul>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 学院风采 -->
    <div class="Academy-charm">
        <div class="pt-3"></div>
        <div class="container-xl">
            <h3 class="title-style fw-bold">
                学院风采
            </h3>
            <img class="img-fluid theoryLeading-item-header-img" src="./assets/icons/12.png" alt="思想引领" />
            <div class="pt-3"></div>
            <!-- 详细内容展示界面 -->
            <div class="Academy-charm-detail">
                <div class="row">
                    <div class="col-md-6">
                        <div class="Academy-charm-detail-content cardFloat">
                            <img class="bg-image-style flex-shrink-0" src="./assets/images/3.png" alt="">
                            <div class="Academy-charm-detail-content-introduce flex-grow-1">
                                <div class="Academy-charm-detail-content-introduce-text">
                                    <h5 class="Academy-charm-detail-content-introduce-text-title twolinesTruncate"><a
                                            class="reset-a" href="#">【湘雅医学院】 肩并肩，共续红色湘雅情”109周年院庆活动圆满结束</a></h5>
                                    <span class="twolinesTruncate">湘雅医学院“肩并肩，共续红色湘雅情”109周年院
                                        庆活动圆满结束
                                        “高扬思想旗帜，坚定理想信念”思想旗帜专题学习
                                        讨论圆满结束
                                    </span>
                                </div>
                                <div class="Academy-charm-detail-content-introduce-date">
                                    <span>11</span>
                                    <br>
                                    2023.12
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="Academy-charm-detail-content cardFloat">
                            <img class="bg-image-style flex-shrink-0" src="./assets/images/4.png" alt="">
                            <div class="Academy-charm-detail-content-introduce flex-grow-1">
                                <div class="Academy-charm-detail-content-introduce-text">
                                    <h5 class="Academy-charm-detail-content-introduce-text-title twolinesTruncate"><a
                                            class="reset-a" href="#">【化学化工学院】“高扬思想旗帜，坚定理想信念”思想旗帜专题学习讨论圆满结束</a></h5>
                                    <span class="twolinesTruncate">
                                        “高扬思想旗帜，坚定理想信念”思想旗帜专题学习
                                        讨论圆满结束
                                    </span>
                                </div>
                                <div class="Academy-charm-detail-content-introduce-date">
                                    <span>11</span>
                                    <br>
                                    2023.12
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 学院列表 -->
            <div class="Academy-charm-list">
                <div class="row">
                    <div class="col-md-6">
                        <ul class="Academy-charm-list-items">
                            <li>
                                <div class="Academy-charm-list-items-content d-flex flex-row align-items-center">
                                    <div class="Academy-charm-list-items-institution">
                                        湘雅医学院
                                    </div>
                                    <p><a href="#" class="reset-a">“肩并肩，共续红色湘雅情”109周年院庆活动圆满结束</a></p>
                                </div>
                                <span class="Academy-charm-list-items-institution-date">2023.12.11</span>
                            </li>
                            <li>
                                <div class="Academy-charm-list-items-content d-flex flex-row align-items-center">
                                    <div class="Academy-charm-list-items-institution">
                                        化学化工学院
                                    </div>
                                    <p><a href="#" class="reset-a">“高扬思想旗帜，坚定理想信念”思想旗帜专题学习讨论圆满结束</a></p>
                                </div>
                                <span class="Academy-charm-list-items-institution-date">2023.12.11</span>
                            </li>
                            <li>
                                <div class="Academy-charm-list-items-content d-flex flex-row align-items-center">
                                    <div class="Academy-charm-list-items-institution">
                                        自动化学院
                                    </div>
                                    <p><a href="#" class="reset-a">“明日科学家 科技送教活动 暨“大思政 实践育人联盟授牌仪式顺利举行</a></p>
                                </div>
                                <span class="Academy-charm-list-items-institution-date">2023.12.11</span>
                            </li>
                            <li>
                                <div class="Academy-charm-list-items-content d-flex flex-row align-items-center">
                                    <div class="Academy-charm-list-items-institution">
                                        交通运输与工程学院
                                    </div>
                                    <p><a href="#" class="reset-a">中南大学轨道交通科普基地入选首批湖南省少先队校外实践教育基地</a></p>
                                </div>
                                <span class="Academy-charm-list-items-institution-date">2023.12.11</span>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <ul class="Academy-charm-list-items">
                            <li>
                                <div class="Academy-charm-list-items-content d-flex flex-row align-items-center">
                                    <div class="Academy-charm-list-items-institution">
                                        粉末冶金研究院
                                    </div>
                                    <p><a href="#" class="reset-a">青年新媒体中心见面交流会顺利召开</a></p>
                                </div>
                                <span class="Academy-charm-list-items-institution-date">2023.12.11</span>
                            </li>
                            <li>
                                <div class="Academy-charm-list-items-content d-flex flex-row align-items-center">
                                    <div class="Academy-charm-list-items-institution">
                                        邓迪国际学院
                                    </div>
                                    <p><a href="#" class="reset-a">开展 牢记嘱托，强国有我”主题团课</a></p>
                                </div>
                                <span class="Academy-charm-list-items-institution-date">2023.12.11</span>
                            </li>
                            <li>
                                <div class="Academy-charm-list-items-content d-flex flex-row align-items-center">
                                    <div class="Academy-charm-list-items-institution">
                                        计算机学院
                                    </div>
                                    <p><a href="#" class="reset-a">“点燃关爱之光，温暖你我心灵 慧灵志愿服务活动圆满结束</a></p>
                                </div>
                                <span class="Academy-charm-list-items-institution-date">2023.12.11</span>
                            </li>
                            <li>
                                <div class="Academy-charm-list-items-content d-flex flex-row align-items-center">
                                    <div class="Academy-charm-list-items-institution">
                                        物理学院
                                    </div>
                                    <p><a href="#" class="reset-a">第十九次学生代表大会暨研究生代表大会顺利召开</a></p>
                                </div>
                                <span class="Academy-charm-list-items-institution-date">2023.12.11</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 思想引领 -->
    <div class="theoryLeading-bg">
        <div class="pt-3"></div>
        <div class="container-xl pt-2">
            <div class="h3 fw-bold title-style">思想引领</div>
            <img class="img-fluid theoryLeading-item-header-img" src="./assets/icons/12.png" alt="思想引领" />
            <div class="pt-3"></div>
            <div class="row">
                <div class="col">
                    <div class="theoryLeading-item cardFloat">
                        <div class="theoryLeading-item-header">
                            <p class="h4 fw-bold">理论学习</p>
                            <div class="text-end">
                                <!-- <img src="./assets/icons/14.png" width="25vw"
                                    style="vertical-align: middle;" /> -->
                                <a href="" target="_blank">
                                    <span class="theoryLeading-item-header-more text-primary fw-bold"> >更多</span>
                                </a>
                            </div>
                        </div>
                        <div class="pt-3"></div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="pt-2"></div>
                                <img class="img-fluid mx-auto d-block" src="./assets/images/5.png" width="220em"
                                    alt="思想引领" />
                                <div class="pt-5"></div>
                                <img class="img-fluid mx-auto d-block" src="./assets/images/6.png" width="220em"
                                    alt="思想引领" />
                            </div>
                            <div class="col-md-8">
                                <div class="pt-2"></div>
                                <ul class="theoryLeading-item-header-ul">
                                    <a href="" target="_blank">
                                        <li
                                            class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate">
                                            <span class="theoryLeading-item-header-date">[23
                                                12-22]</span>习的的重要论述习的的重要论述习的的重要论述
                                        </li>
                                    </a>
                                    <a href="" target="_blank">
                                        <li
                                            class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate">
                                            <span class="theoryLeading-item-header-date">[23
                                                12-20]</span>习的的重要论述习的的重要论述习的的重要论述
                                        </li>
                                    </a>
                                    <a href="" target="_blank">
                                        <li
                                            class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate">
                                            <span class="theoryLeading-item-header-date">[23
                                                12-13]</span>习的的重要论述习的的重要论述习的的重要论述
                                        </li>
                                    </a>
                                    <a href="" target="_blank">
                                        <li
                                            class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate">
                                            <span class="theoryLeading-item-header-date">[23
                                                12-11]</span>习的的重要论述习的的重要论述习的的重要论述
                                        </li>
                                    </a>
                                    <a href="" target="_blank">
                                        <li
                                            class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate">
                                            <span class="theoryLeading-item-header-date">[23
                                                12-06]</span>习的的重要论述习的的重要论述习的的重要论述
                                        </li>
                                    </a>
                                    <a href="" target="_blank">
                                        <li
                                            class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate">
                                            <span class="theoryLeading-item-header-date">[23
                                                12-06]</span>习的的重要论述习的的重要论述习的的重要论述
                                        </li>
                                    </a>
                                </ul>
                                <div class="pt-5"></div>
                                <ul class="theoryLeading-item-header-ul">
                                    <a href="" target="_blank">
                                        <li
                                            class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate">
                                            <span class="theoryLeading-item-header-date">[23
                                                12-22]</span>习的的重要论述习的的重要论述习的的重要论述
                                        </li>
                                    </a>
                                    <a href="" target="_blank">
                                        <li
                                            class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate">
                                            <span class="theoryLeading-item-header-date">[23
                                                12-20]</span>习的的重要论述习的的重要论述习的的重要论述
                                        </li>
                                    </a>
                                    <a href="" target="_blank">
                                        <li
                                            class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate">
                                            <span class="theoryLeading-item-header-date">[23
                                                12-13]</span>习的的重要论述习的的重要论述习的的重要论述
                                        </li>
                                    </a>
                                    <a href="" target="_blank">
                                        <li
                                            class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate">
                                            <span class="theoryLeading-item-header-date">[23
                                                12-11]</span>习的的重要论述习的的重要论述习的的重要论述
                                        </li>
                                    </a>
                                    <a href="" target="_blank">
                                        <li
                                            class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate">
                                            <span class="theoryLeading-item-header-date">[23
                                                12-06]</span>习的的重要论述习的的重要论述习的的重要论述
                                        </li>
                                    </a>
                                    <a href="" target="_blank">
                                        <li
                                            class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate">
                                            <span class="theoryLeading-item-header-date">[23
                                                12-06]</span>习的的重要论述习的的重要论述习的的重要论述
                                        </li>
                                    </a>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="theoryLeading-item cardFloat">
                        <div class="theoryLeading-item-header">
                            <p class="h4 fw-bold">主题教育</p>
                            <div class="text-end">
                                <!-- <img src="./assets/icons/14.png" width="25vw"
                                    style="vertical-align: middle;" /> -->
                                <a href="" target="_blank">
                                    <span class="theoryLeading-item-header-more text-primary fw-bold"> >更多</span>
                                </a>
                            </div>
                        </div>
                        <div class="pt-4"></div>
                        <ul class="theoryLeading-item-header-ul">
                            <a href="" target="_blank">
                                <li class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate"><span
                                        class="theoryLeading-item-header-date">[23
                                        12-22]</span>中南大学湘雅医学院2023年秋季学期“鸿中南大学湘雅医学院“鸿</li>
                            </a>
                            <a href="" target="_blank">
                                <li class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate"><span
                                        class="theoryLeading-item-header-date">[23 12-20]</span>第宏词论道，以辩会友——自动化学院第
                                    第宏词论道，以辩会友</li>
                            </a>
                            <a href="" target="_blank">
                                <li class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate"><span
                                        class="theoryLeading-item-header-date">[23 12-13]</span>莫道桑榆晚，为霞尚满天 ——
                                    致敬芳华莫道桑榆晚，为霞尚满天</li>
                            </a>
                            <a href="" target="_blank">
                                <li class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate"><span
                                        class="theoryLeading-item-header-date">[23
                                        12-11]</span>粉末冶金研究院“访企拓岗”行动：黄曦副粉末冶金研究院“访企拓</li>
                            </a>
                            <a href="" target="_blank">
                                <li class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate"><span
                                        class="theoryLeading-item-header-date">[23
                                        12-11]</span>湘雅医学院“肩并肩，共续红色湘雅情”10湘雅医学院“肩并肩</li>
                            </a>
                        </ul>
                    </div>
                    <div class="theoryLeading-item cardFloat">
                        <div class="theoryLeading-item-header">
                            <p class="h4 fw-bold">制度文件</p>
                            <div class="text-end">
                                <!-- <img src="./assets/icons/14.png" width="25vw"
                                    style="vertical-align: middle;" /> -->
                                <a href="" target="_blank">
                                    <span class="theoryLeading-item-header-more text-primary fw-bold"> >更多</span>
                                </a>
                            </div>
                        </div>
                        <div class="pt-4"></div>
                        <ul class="theoryLeading-item-header-ul">
                            <a href="" target="_blank">
                                <li class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate"><span
                                        class="theoryLeading-item-header-date">[23
                                        12-22]</span>中南大学湘雅医学院2023年秋季学期“鸿中南大学湘雅医学院“鸿</li>
                            </a>
                            <a href="" target="_blank">
                                <li class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate"><span
                                        class="theoryLeading-item-header-date">[23 12-20]</span>第宏词论道，以辩会友——自动化学院第
                                    第宏词论道，以辩会友</li>
                            </a>
                            <a href="" target="_blank">
                                <li class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate"><span
                                        class="theoryLeading-item-header-date">[23 12-13]</span>莫道桑榆晚，为霞尚满天 ——
                                    致敬芳华莫道桑榆晚，为霞尚满天</li>
                            </a>
                            <a href="" target="_blank">
                                <li class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate"><span
                                        class="theoryLeading-item-header-date">[23
                                        12-11]</span>粉末冶金研究院“访企拓岗”行动：黄曦副粉末冶金研究院“访企拓</li>
                            </a>
                            <a href="" target="_blank">
                                <li class="theoryLeading-item-header-li text-nowrap overflow-hidden text-truncate"><span
                                        class="theoryLeading-item-header-date">[23
                                        12-11]</span>湘雅医学院“肩并肩，共续红色湘雅情”10湘雅医学院“肩并肩</li>
                            </a>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="pt-3"></div>
    </div>

    <!-- 实践育人Banner -->
    <!-- <div class="practiceEdu-bg"> -->
    <a href="https://www.csu.edu.cn" target="_blank">
        <img src="./assets/images/7.png" width="100%" class="practiceEdu-img" alt="实践育人" />
    </a>
    <!-- </div> -->

    <!-- 社团风采 -->
    <div class="clubStyle-bg">
        <div class="pt-5"></div>
        <div class="container-xl pt-2">
            <p class="h3 text-center title-style fw-bold">社团风采</p>
            <div class="pt-2"></div>
            <div class="row">

                <div class="col mt-4">
                    <div class="clubStyle-item cardFloat clubStyle-responsive">
                        <img class="clubStyle-item-img" src="./assets/images/8.png" alt="新闻图片">
                        <div class="clubStyle-item-content">
                            <p>
                            <div class="h1 fw-bold d-inline">27</div>
                            <div class="d-inline">2023.12</div>
                            </p>
                            <p>
                            <div class="fs-6">中南大学2023学年二级团组织负责人培训班赴武汉高校调研学习
                            </div>
                            </p>
                            <p>
                            <div class="fs-6 text-secondary twolinesTruncate">
                                <small>
                                    为学习借鉴兄弟高校团学工作经验，不断提升共青团干部工作水平与育人能力
                                </small>
                            </div>
                            </p>
                            <div class="pt-3"></div>
                            <a href="" target="_blank">
                                <div class="clubStyle-item-content-more">
                                    <div class="d-inline">查看更多</div>
                                    <div class="h5 text-primary d-inline"> > </div>
                                </div>
                            </a>
                            <!-- <img src="./assets/icons/14.png" class="d-inline" width="20vw"/> -->
                        </div>
                    </div>
                </div>

                <div class="col mt-4">
                    <div class="clubStyle-item cardFloat clubStyle-responsive">
                        <img class="clubStyle-item-img" src="./assets/images/9.png" alt="新闻图片">
                        <div class="clubStyle-item-content">
                            <p>
                            <div class="h1 fw-bold d-inline">25</div>
                            <div class="d-inline">2023.11</div>
                            </p>
                            <p>
                            <div class="fs-6">2023-2024学年湖南省大学生社区实践计划启动周暨中南大学实践
                            </div>
                            </p>
                            <p>
                            <div class="fs-6 text-secondary twolinesTruncate">
                                <small>
                                    为引领广大青年在实践中深入学习贯彻习近平新时代中国特色社会主义思想，进一步
                                </small>
                            </div>
                            </p>
                            <div class="pt-3"></div>
                            <a href="" target="_blank">
                                <div class="clubStyle-item-content-more">
                                    <div class="d-inline">查看更多</div>
                                    <div class="h5 text-primary d-inline"> > </div>
                                </div>
                            </a>
                            <!-- <img src="./assets/icons/14.png" class="d-inline" width="20vw"/> -->
                        </div>
                    </div>
                </div>

                <div class="col mt-4">
                    <div class="clubStyle-item cardFloat clubStyle-responsive">
                        <img class="clubStyle-item-img" src="./assets/images/10.png" alt="新闻图片">
                        <div class="clubStyle-item-content">
                            <p>
                            <div class="h1 fw-bold d-inline">17</div>
                            <div class="d-inline">2023.11</div>
                            </p>
                            <p>
                            <div class="fs-6">2023年“三下乡”暑期社会实践优秀团队、优秀单位答辩圆满结束
                            </div>
                            </p>
                            <p>
                            <div class="fs-6 text-secondary twolinesTruncate">
                                <small>
                                    今年暑假，中南大学开展了以“学习二十大 永远跟党走 奋进新征程”为主题的大学生
                                </small>
                            </div>
                            </p>
                            <div class="pt-3"></div>
                            <a href="" target="_blank">
                                <div class="clubStyle-item-content-more">
                                    <div class="d-inline">查看更多</div>
                                    <div class="h5 text-primary d-inline"> > </div>
                                </div>
                            </a>
                            <!-- <img src="./assets/icons/14.png" class="d-inline" width="20vw"/> -->
                        </div>
                    </div>
                </div>

                <div class="col mt-4">
                    <div class="clubStyle-item cardFloat clubStyle-responsive">
                        <img class="clubStyle-item-img" src="./assets/images/11.png" alt="新闻图片">
                        <div class="clubStyle-item-content">
                            <p>
                            <div class="h1 fw-bold d-inline">28</div>
                            <div class="d-inline">2023.10</div>
                            </p>
                            <p>
                            <div class="fs-6">第十八期“校领导与学生午餐会”顺利举行
                            </div>
                            </p>
                            <p>
                            <div class="fs-6 text-secondary twolinesTruncate">
                                <small>
                                    10月25日，第十八期校领导与学生午餐会在南校区二食堂四楼中西餐厅举行
                                </small>
                            </div>
                            </p>
                            <div class="pt-3"></div>
                            <a href="" target="_blank">
                                <div class="clubStyle-item-content-more">
                                    <div class="d-inline">查看更多</div>
                                    <div class="h5 text-primary d-inline"> > </div>
                                </div>
                            </a>
                            <!-- <img src="./assets/icons/14.png" class="d-inline" width="20vw"/> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pt-5"></div>
        <a href="https://www.csu.edu.cn" target="_blank">
            <img src="./assets/icons/16_fix.png" class="mx-auto d-block cardFloat" width="130vw" alt="按钮" />
        </a>
        <div class="pt-5"></div>
    </div>

    <!-- 青春音视频 -->
    <!-- 模板默认填充为img 根据需要可以改为video -->
    <div class="youth-container">
        <div class="container-lg">
            <h3 class="youth-title">
                青春音视频板块
            </h3>
            <div class="row youth-inner">
                <div class="youth-item col-md-6">
                    <div class="youth-cover">
                        <img src="./assets/images/12.png" alt="">
                    </div>
                    <span>《禾下乘凉梦》</span>
                </div>
                <div class="youth-item col-md-6">
                    <div class="youth-cover">
                        <img src="./assets/images/13.png" alt="">
                    </div>
                    <span>庆祝中国共产党成立100周年原创歌曲——《红色的赞歌》</span>
                </div>
            </div>
            <div class="row youth-inner">
                <div class="youth-item col-md-6">
                    <div class="youth-cover">
                        <img src="./assets/images/14.png" alt="">
                    </div>
                    <span>庆祝中南大学合并组建23周年——《青春在中南》</span>
                </div>
                <div class="youth-item col-md-6">
                    <div class="youth-cover">
                        <img src="./assets/images/15.png" alt="">
                    </div>
                    <span>中南大学抗疫主题原创音乐《Anti-Covid-19 Together》</span>
                </div>
            </div>
            <div class="youth-indicators">
                <div class="youth-indicator-arrow">
                    <div class="youth-indicator-left"></div>
                    <div class="youth-indicator-right"></div>
                </div>
                <div class="youth-indicator-more">更多 More</div>
            </div>
        </div>
    </div>

    <!-- 示范性团课 Demonstration -->
    <div class="Demonstration">
        <div class="container-xl">
            <div class="pt-5"></div>
            <h3 class="title-style fw-bold">
                示范性团课
            </h3>
            <div class="row">
                <div class="col-md-4">
                    <div class="Demonstration-video d-flex flex-column align-items-center justify-content-center">
                        <div class="Demonstration-video-poster d-flex justify-content-center">
                            <img class="bg-image-style" src="./assets/images/16.png" alt="">
                        </div>
                        <div class="Demonstration-video-mask cardFloat">
                            <h5><a href="#">《基层团支部委员会换届》</a></h5>
                            <p class="Demonstration-video-mask-unit threelinesTruncate">
                                团课承建单位：<br>
                                共青团中南大学土木工程学院委员会
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="Demonstration-video d-flex flex-column align-items-center justify-content-center">
                        <div class="Demonstration-video-poster d-flex justify-content-center">
                            <img class="bg-image-style" src="./assets/images/16.png" alt="">
                        </div>
                        <div class="Demonstration-video-mask cardFloat">
                            <h5><a href="#">《做一名合格的团支部书记》</a></h5>
                            <p class="Demonstration-video-mask-unit threelinesTruncate">
                                团课承建单位：<br>
                                共青团中南大学人文学院委员会
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="Demonstration-video d-flex flex-column align-items-center justify-content-center">
                        <div class="Demonstration-video-poster d-flex justify-content-center">
                            <img class="bg-image-style" src="./assets/images/16.png" alt="">
                        </div>
                        <div class="Demonstration-video-mask cardFloat">
                            <h5><a href="#">《主题团日活动的设计与开展》</a></h5>
                            <p class="Demonstration-video-mask-unit threelinesTruncate">
                                团课承建单位：<br>
                                共青团中南大学地球科学与信息物理学院委员会
                                共青团中南大学资源与安全工程学院委员会
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="Demonstration-video d-flex flex-column align-items-center justify-content-center">
                        <div class="Demonstration-video-poster d-flex justify-content-center">
                            <img class="bg-image-style" src="./assets/images/16.png" alt="">
                        </div>
                        <div class="Demonstration-video-mask cardFloat">
                            <h5><a href="#">《共青团发展新团员》</a></h5>
                            <p class="Demonstration-video-mask-unit threelinesTruncate">
                                团课承建单位：<br>
                                共青团中南大学自动化学院委员会
                                共青团中南大学外国语学院委员会
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="Demonstration-video d-flex flex-column align-items-center justify-content-center">
                        <div class="Demonstration-video-poster d-flex justify-content-center">
                            <img class="bg-image-style" src="./assets/images/16.png" alt="">
                        </div>
                        <div class="Demonstration-video-mask cardFloat">
                            <h5><a href="#">《共青团推优入党》</a></h5>
                            <p class="Demonstration-video-mask-unit threelinesTruncate">
                                团课承建单位：<br>
                                共青团中南大学材料科学与工程学院委员会
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="Demonstration-video d-flex flex-column align-items-center justify-content-center">
                        <div class="Demonstration-video-poster d-flex justify-content-center">
                            <img class="bg-image-style" src="./assets/images/16.png" alt="">
                        </div>
                        <div class="Demonstration-video-mask cardFloat">
                            <h5><a href="#">《青年文明号创建》</a></h5>
                            <p class="Demonstration-video-mask-unit threelinesTruncate">
                                团课承建单位：<br>
                                共青团中南大学湘雅三医院委员会
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pt-5"></div>
    </div>

</body>

<!-- 页尾部分 -->

<footer>

    <!-- Footer Links部分 -->

    <div class="footerLinks">
        <div class="container-xl pt-5">
            <div class="pt-5"></div>
            <!-- <img src="./assets/icons/19.png" width="900em" class="mx-auto d-block" usemap="#footerMap" alt="FooterIcons" />
            <map name="footerMap">
                <area shape="rect" coords="0,0,80,270" href="在线投稿">
                <area shape="rect" coords="150,0,230,270" href="来稿须知">
                <area shape="rect" coords="330,0,390,270" href="实物档案">
                <area shape="rect" coords="490,0,550,270" href="常用下载">
                <area shape="rect" coords="650,0,710,270" href="校级学生社团">
                <area shape="rect" coords="810,0,870,270" href="后台管理系统">
            </map> -->
            <div class="row">
                <div class="col-md-2 footerLinks-portal">
                    <a href="在线投稿" target="_blank">
                        <img src="./assets/icons/submit.png" width="90em" class="img-fluid" alt="portal" />
                    </a>
                    <br>
                    <p>在线投稿</p>
                </div>
                <div class="col-md-2 footerLinks-portal">
                    <a href="来稿须知" target="_blank">
                        <img src="./assets/icons/rules.png" width="90em" class="img-fluid" alt="portal" />
                    </a>
                    <br>
                    <p>来稿须知</p>
                </div>
                <div class="col-md-2 footerLinks-portal">
                    <a href="实物档案" target="_blank">
                        <img src="./assets/icons/files.png" width="90em" class="img-fluid" alt="portal" />
                    </a>
                    <br>
                    <p>实物档案</p>
                </div>
                <div class="col-md-2 footerLinks-portal">
                    <a href="常用下载" target="_blank">
                        <img src="./assets/icons/download.png" width="90em" class="img-fluid" alt="portal" />
                    </a>
                    <br>
                    <p>常用下载</p>
                </div>
                <div class="col-md-2 footerLinks-portal">
                    <a href="校级学生社团" target="_blank">
                        <img src="./assets/icons/clubs.png" width="90em" class="img-fluid" alt="portal" />
                    </a>
                    <br>
                    <p>校级学生社团</p>
                </div>
                <div class="col-md-2 footerLinks-portal">
                    <a href="后台管理系统" target="_blank">
                        <img src="./assets/icons/admins.png" width="90em" class="img-fluid" alt="portal" />
                    </a>
                    <br>
                    <p>后台管理系统</p>
                </div>
            </div>
            <div class="pt-5 footerLinks-img-hr"></div>
            <div class="pt-5"></div>
            <div class="row">
                <div class="col-md-9 text-white">
                    <a href="http://www.moe.gov.cn/" target="_blank" class="footerLinks-img-a">教育部</a>
                    &nbsp;|&nbsp;
                    <a href="http://www.ccyl.org.cn/" target="_blank" class="footerLinks-img-a">中国共青团</a>
                    &nbsp;|&nbsp;
                    <a href="http://www.hnedu.gov.cn/" target="_blank" class="footerLinks-img-a">湖南教育政务网</a>
                    &nbsp;|&nbsp;
                    <a href="http://www.hngqt.org.cn/" target="_blank" class="footerLinks-img-a">湖南共青团</a>
                    &nbsp;|&nbsp;
                    <a href="https://www.csu.edu.cn/" target="_blank" class="footerLinks-img-a">中南大学</a>
                    &nbsp;|&nbsp;
                    <a href="https://xgw.csu.edu.cn/" target="_blank" class="footerLinks-img-a">中南大学学工网</a>
                    &nbsp;|&nbsp;
                    <a href="https://my.csu.edu.cn/" target="_blank" class="footerLinks-img-a">信息门户</a>

                    <br><br>
                    <!-- Why so many br, pt instead-->

                    <p>
                        <i class="fa fa-phone fa-fw"></i>
                        办公电话 88879469
                        <br>
                        <i class="fa fa-envelope fa-fw"></i>
                        办公邮箱 csutwoffice@sina.com
                    </p>

                </div>
                <div class="col-md-3">
                    <div class="row">
                        <div class="col-md-6 footerLinks-qr">
                            <img src="./assets/images/22.png" width="90em" class="img-fluid" alt="QR" />
                            <br>
                            <p>微信公众号</p>
                        </div>
                        <div class="col-md-6 footerLinks-qr">
                            <img src="./assets/images/23.png" width="90em" class="img-fluid" alt="QR" />
                            <br>
                            <p>bilibili</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Footer版权部分 -->

    <div class="footerCopyrights">
        <div class="container-xl pt-2" style="text-align: center;">
            <div class="row">
                <div class="col">
                    <!-- 已设置JS自动渲染年份 -->
                    <p class="text-secondary">
                        Copyright&copy; 2001 - <span id="currentYear"></span>
                        <br>
                        中南大学升华网 版权所有
                    </p>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <img src="./assets/icons/1.png" width="40vw" alt="Logo" />
                    <img src="./assets/icons/2-red.png" width="130vw" alt="Logo" />
                </div>
            </div>
            <div class="pt-5"></div>
        </div>
    </div>

    <!-- Bootstrap JS -->
    <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
    <!-- Custom JS @SteamFinder -->
    <script src="./static/js/index-main.js"></script>
    <!-- Custom JS @grtsinry43 -->
    <script src="./static/js/index.js"></script>
</footer>

</html>